<template>
  <div class="top">
    <div class="name">航天医院</div>
    <div class="level">

      <svg t="1737191515639" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="4269" width="32" height="32">
        <path
          d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
          p-id="4270"></path>
      </svg>

    </div>
    <div class="level-text">三星</div>
  </div>

  <!--   医院描述 -->

  <div class="list">
    <div class="flag">
      <svg t="1737192810819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="5501" width="48" height="48">
        <path
          d="M512.796029 970.586145c-44.734264 0-86.786326-17.419924-118.419681-49.050083l-289.760894-289.760894c-65.296744-65.296744-65.296744-171.542618 0-236.836165L394.376348 105.178109c31.630158-31.633355 73.685417-49.050083 118.419681-49.050083s86.789523 17.419924 118.419681 49.050083l289.760894 289.760894c65.296744 65.296744 65.296744 171.542618 0 236.836165l-289.760894 289.760894c-31.630158 31.626961-73.685417 49.050083-118.419681 49.050083z m0-869.704674c-32.777846 0-63.592794 12.765234-86.770341 35.942781l-289.760895 289.760894c-47.84485 47.84485-47.84485 125.695832 0 173.543879l289.760895 289.760894c23.177547 23.177547 53.992495 35.94278 86.770341 35.942781s63.595991-12.765234 86.773538-35.942781l289.760894-289.760894c47.84485-47.84485 47.84485-125.695832 0-173.543879l-289.760894-289.760894c-23.177547-23.177547-53.995692-35.94278-86.773538-35.942781z"
          fill="#009FE8" p-id="5502"></path>
        <path
          d="M590.752509 778.231688h-151.654685a22.378321 22.378321 0 0 1-22.378321-22.378321v-137.898411H278.821092a22.378321 22.378321 0 0 1-22.378321-22.378321V443.921951a22.378321 22.378321 0 0 1 22.378321-22.378321h137.901608V283.645219a22.378321 22.378321 0 0 1 22.378321-22.378321h151.654684a22.378321 22.378321 0 0 1 22.378321 22.378321v137.898411h137.901608a22.378321 22.378321 0 0 1 22.378321 22.378321v151.654684a22.378321 22.378321 0 0 1-22.378321 22.378321H613.134026v137.898411a22.381518 22.381518 0 0 1-22.381517 22.378321z m-129.273167-44.756642h106.898042v-137.898411a22.378321 22.378321 0 0 1 22.378321-22.378321h137.901608V466.300272H590.755705a22.378321 22.378321 0 0 1-22.378321-22.378321V306.02354h-106.898042v137.898411a22.378321 22.378321 0 0 1-22.378321 22.378321H301.199413v106.898042h137.901608a22.378321 22.378321 0 0 1 22.378321 22.378321v137.898411z"
          fill="#009FE8" p-id="5503"></path>
      </svg>

    </div>

    <div class="desc">

      财政部部长蓝佛安指出，当前一些地方隐性债务规模大、利息负担重，不仅存在“爆雷”风险，也消耗了地方可用财力。

      有困难有问题不可怕，关键看解决问题的努力和成效。

      坚持底线思维，把牢关键环节，积极有效应对，正是中国屡屡在应对风险挑战中赢得战略主动的关键。

      “十四五”规划提出“稳妥化解地方政府隐性债务”。这些年，从中央到地方，围绕防范化解地方政府债务风险打响了攻坚战。

      近年来，债务风险
    </div>

  </div>



  <!-- 医院详情 -->
  <div class="detail">
    <div class="header">医院介绍</div>
    <div class="context">
      北京协和医院（BWH）是一家以“��康、安全、高效”为����的国际连锁三��医院，��属于北京协和医学院。BWH是北京市首批“三��”医院，2014年12月29日正式��牌成立。
    </div>

  </div>

</template>
<script setup>
import { ref, computed } from 'vue';

const count = ref(0);
const doubleCount = computed(() => count.value * 2);

function increment() {
  count.value++;
}

// 在此添加组件的其他逻辑
</script>
<style scoped lang="scss">
/* 在此添加组件的样式 */
.top {
  display: flex;
  gap: 20px;

  .name {
    font-size: 28px;
    font-weight: bold;
  }

  .level-text {
    font-size: 18px;
    margin-top: 8px;
  }
}

.list {
  margin-top: 10px;
  display: flex;
  gap: 20px;
}


//  医院详情

.detail {
  margin-top: 20px;

  .header {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .context {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
</style>